import {observer} from 'mobx-react';
import React, {FC} from 'react';
import {Text, StyleSheet} from 'react-native';
import ShopStore from '../../../stores/ShopStore';
type PropsType = {};
const Footer: FC<PropsType> = observer(() => {
  if (ShopStore.refreshing) {
    return <Text style={styles.footerTxt}>加载更多数据...</Text>;
  }
  if (ShopStore.finished) {
    return <Text style={styles.footerTxt}>没有更多数据</Text>;
  }
});

const styles = StyleSheet.create({
  footerTxt: {
    width: '100%',
    fontSize: 14,
    color: '#999',
    marginVertical: 16,
    textAlign: 'center',
  },
});
export default Footer;
